<!DOCTYPE html>
<link rel="author" title="Mozilla" href="https://mozilla.org">
<link rel="help" href="https://drafts.csswg.org/css-page-3/#margin-at-rules">
<script src="../../../resources/testharness.js"></script>
<script src="../../../resources/testharnessreport.js"></script>
<script src="../../../css/support/parsing-testcommon.js"></script>
<style>
#test{ }
</style>
<script>
'use strict';
test(t => {
  const ruleTypes = [
    "@top-left-corner",
    "@top-left",
    "@top-center",
    "@top-right",
    "@top-right-corner",
    "@bottom-left-corner",
    "@bottom-left",
    "@bottom-center",
    "@bottom-right",
    "@bottom-right-corner",
    "@left-top",
    "@left-middle",
    "@left-bottom",
    "@right-top",
    "@right-middle",
    "@right-bottom"
  ];
  // Test that margin-rules are not valid at a top-level.
  for(let t in ruleTypes){
    test_invalid_rule(ruleTypes[t] + "{ }");
  }
  // Test that margin-rules are not valid in style rules.
  assert_equals(document.styleSheets.length, 1);
  let styleSheet = document.styleSheets[0];
  assert_equals(styleSheet.rules.length, 1);
  let rule = styleSheet.rules[0];
  for(let t in ruleTypes){
    assert_throws_dom(
        DOMException.SYNTAX_ERR,
        () => rule.insertRule(ruleTypes[t] + "{ }"),
        "Should not be able to add " + ruleTypes[t]  + " to a style rule");
  }
  // Test that margin-rules are valid inside page-rules.
  for(let t in ruleTypes){
    test_valid_rule("@page { " + ruleTypes[t] + " { } }");
  }
}, "margin-rules-001");
</script>
